<template>
  <div class="main flex between">
    <div class="item" @click="toUrl('/reportCard')">
      <img src="@/assets/mine/icon1.png" />
      <div>成绩单</div>
    </div>
     <div class="item" @click="toUrl('/expense')">
      <img src="@/assets/mine/icon2.png" />
      <div>消费记录</div>
    </div>
     <div class="item" @click="toUrl('/word')">
      <img src="@/assets/mine/icon3.png" />
      <div>家长留言</div>
    </div>
     <div class="item" @click="toUrl('/leave')">
      <img src="@/assets/mine/icon4.png" />
      <div>我要请假</div>
    </div>
  </div>
</template>
<script>
import { community } from "@/api/apiData";
export default {
  data() {
    return {};
  },
  mounted() {},
  methods:{
    toUrl(u){
      this.$router.push(u)
    }
  }
};
</script>
<style lang="less" scoped>
.main {
  margin: 200px;
  .item {
    background: white;
    padding: 50px 86px;
    font-size: 38px;
    text-align: center;
    border-radius: 8px;
    box-shadow: 1px 1px 2px 1px gainsboro;
    img {
      height: 127px;
    }
  }
}
</style>